<template>
    <div>
        <h1>聊天页面</h1>
        <ul>
            <li v-for="c in chatlist">
                <router-link :to="'/detail/' + c.petname">{{c.petname}}</router-link>
            </li>
        </ul> 
    </div>
</template>

<script>
    export default {
        name:'chat',
        data:function(){
            return {
                chatlist:[
                    {petname:'小明',id:'0001'},
                    {petname:'小红',id:'0002'},
                    {petname:'小白',id:'0003'}
                ]
            }
        }
    }
</script>

<style scoped>

</style>